/* 清除格式 */
* {
    margin: 0;
    padding: 0;
}
/* 清楚a标签的下滑线 */
a {
    text-decoration: none;
}
/* 清除ul的纵向排列 和li的小圆点 */
ul {
    list-style: none;
    display: inline;
}
/* logo的设置 */
.logo {
    float: left;
    width: 105px;
    height: 50px;
    margin: 20px 5px ;
}
/* logo插入的图片设置 */
.logo img {
    height: 40px;
}
/* header当中的蓝色盒子 */
.header {
    height: 70px;
    background-color: rgb(255, 255, 255);
}
/* 导航栏左侧设置 */
.nav2 #left {
    float: left;
    padding: 0px 20px;
}
/* 导航栏右侧设置 */
.nav2 #right {
    float: right;
    padding: 0 20px;
}
/* li当中的间隔 */
ul li {
    float: left;
    margin: 20px auto ;
} 
/* 导航栏当中文字的样式 */
ul li a {
    display: block;
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 15px;
    color: black;
}
/* 投稿按钮的设置 */
.button {
    height: 30px;
    width: 80px;
    text-align: center;
    border-radius: 7px;
    border: 1px solid rgb(236, 152, 166);
    background-color: rgb(236, 152, 166);
}
/* 整个搜索栏的设置 */
.search {
    /* position: relative; */
    text-align: center;
}
/* 搜索框的设置 */
#nav-search {
    margin: 30px 0 10px ;
    width: 300px;
    height: 30px;
    border: 1px solid #cccccc;
}
/* 搜索框按钮的设置 */
.search-button {
    /* position: absolute; */
    /* top: 32px; */
    /* left: 1177px; */
    width: 30px;
    height: 28px;

}
/* 登录前面图片的设置 */
.header-img {
    height: 86px;
    background: #00a0d8;
    text-align: center;
    margin-bottom: 20px;
}
div {
    display: block;
}
/* 登录标题的长线设置 */
.title-line {
    width: 980px;
    height: 28px;
    margin-top: 90px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

/* 登录标题的样式 */
.title {
    margin: 20px 290px;
    font-size: 40px;
    padding: 10px;
    text-align: center;
}
/* 登录二维码的设置 */
.download {
    position: relative;
    float: left;
    margin: 90px 15px 0px 380px;
    width: 300px;
    height: 192px;
    /* padding: 0px 0px 0px 25px; */
    /* border: 1px solid; */
}
.download:hover {
    background: url(./image/二维码图标变换后.png) no-repeat;
}
/* 二维码样式 */
.download .img1 {
    margin: 30px 50px 0 125px ;
}
/* 二维码下面动画的样式 */
.download .img2 {
    float: left;
    margin: -10px 0 0 -32px;
    width: 460px;
    height: 150px;
}
/* 动画中文字的设置 */
.download .txt {
    position: absolute;
    top: 190px;
    left: 45px;
    width: 300px;
    height: 150px;
}
.download p {
    text-align: center;
}
/* 整个登录的大小的设置 */
.nav3 {
    position: relative;
    float: right;
    margin: 50px 230px 0px 0px;
    width: 450px;
    height: 350px;
    padding: 0px 0px 0px 50px;
    border-left: 0.5px solid #dedede;
}
.login {
    margin-top: 30px;
}
/* 密码登录和短信登录的文字样式 */
.login a {
    margin:20px 15px 15px 
}
/* 被选中的登录页面的(密码登录)的文字样式 */
#selected {
    color: #19afe1;
}
#unselected {
    color: #65686b;
}
/* 文字输入框的样式设置 */
.text {
    margin: 15px;
    padding: 0 10px;
    width: 400px;
    height: 40px;
    border: 1px solid #dedede;
    border-radius: 5px;
}
/* 短信登陆选择国家下拉列表的设置 */
#select {
    margin: 20px 0 15px 15px ;
    width: 100px;
    height: 40px;
    border: 1px solid #dedede;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #909399;
}
/* 短信登陆电话输入框的设置 */
.tel {
    margin: 20px 0 15px 0;
    padding: 0 12px;
    width: 295px;
    height: 38px;
    border: 1px solid #dedede;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/* 短信登录获取验证码按钮的设置 */
.validation {
    position: absolute;
    top: 144px;
    right: 15px;
    margin: auto;
    width: 130px;
    height: 36px;
    border: 1px solid #0381aa;
    border-radius: 5px;
    background-color: #00a7de;
    color: #ffffff;
}
.validation:hover {
    background-color: #00bee7;
}
/* 复选框的设置 */
#checkbox {
    margin: 20px 10px 0px 8px ;
}
#checkbox a {
    margin: 20px 10px 0px 0px;
    float: right;
    font-size: 12px;
    text-align: center;
    color: #00aae2;
}
/* 登录和注册按钮的设置 */
.button1 {
    float: left;
    margin: 15px;
    width: 186px;
    height: 38px;
    border: 1px solid #0381aa;
    border-radius: 5px;
    background-color: #00a7de;
    color: #ffffff;
}
.button1:hover {
    background-color: #00bee7;
}
.button2 {
    float: right;
    margin: 15px;
    width: 186px;
    height: 38px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: #ffffff;
}
.button2:hover {
    background-color: #f7f7f7;
}
/* 注册页面的样式 */
/* 注册页面的大小及位置 */
.register {
    position: relative;
    margin: 50px auto;
    width: 440px;
    height: 380px;
}
/* 注册按钮 */
.button3 {
    margin: 5px 15px;
    width: 420px;
    height: 38px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: #f5f5f5;
}
/* 注册页面获取验证码的按钮 */
.validation2 {
    position: absolute;
    top: 238px;
    right: 5px;
    margin: auto;
    width: 130px;
    height: 36px;
    border: 1px solid #0381aa;
    border-radius: 5px;
    background-color: #00a7de;
    color: #ffffff;
}